<template>
 <div >
  <div class="dDiv coLor">动态CSS</div>
  我是插槽
  <slot ></slot>
</div>
</template>
<script setup lang='ts'>
const ste = <string>('red')

const steObj  =({  
  color:'blue'
})
steObj.color = 'green'
</script>
<style scoped lang='less'>
//插槽选择器 选择插槽穿过来的元素 注意使用方式
:slotted(.a) { 
  color:red;
}
.dDiv{
color: v-bind(ste);
}
.coLor{
  //对象写法需要加引号
  background: v-bind('steObj.color');
}
</style>